<div align="center" class="my-content-area" ng-controller="AchievementTableController">
    <table ng-table="tableParams" class="table mytable" width="75%"
           align="center">
        <tr ng-repeat="datum in $data">
            <td data-title="'Image'"><img src="{{datum.blobdata}}" alt="IMAGE" class="middled"></td>
            <td data-title="'ID'" class="middled">{{datum.nickname}}</td>
            <td data-title="'Name'" class="middled">{{datum.achievement}}</td>
            <td data-title="'Status'" class="middled">{{datum.status}}</td>
            <td class="middled">
                <span class="glyphicon glyphicon-ok" title="Approved" ng-show="datum.approvedBy !== undefined"></span>
                <button type="button" class="acheivement-button"
                        ng-show="datum.approvedBy === undefined && datum.proposedBy !== userName"
                        ng-click="approve(datum.key, datum.proposedBy)">Approve</button>
                <span class="glyphicon glyphicon-ban-circle" title="You are not allowed to approve your own achievements"
                        ng-show="datum.approvedBy === undefined && datum.proposedBy === userName"></span>
            </td>
            <td class="middled">
                <button type="button" class="acheivement-button" ng-show="datum.originalPicture !== undefined"
                        ng-click="manualSelectTab('Achievement Generator', true, 'resetImage', datum.originalPicture)">Create Like</button>
                <button type="button" class="acheivement-button" ng-show="datum.originalPicture !== undefined"
                        ng-click="manualSelectTab('Achievement Generator', true, 'replaceImage',
                        [datum.originalPicture, datum.key, datum.achievement, datum.nickname, datum.isPositive, datum.status])">Replace</button>
                <span class="glyphicon glyphicon-minus-sign" title="Original picture URL lost" ng-show="datum.originalPicture === undefined"></span>
            </td>
            <!--<td data-title="'ID'" align="center">{{user.id}}</td>-->
            <td><a id="{{datum.key}}" ng-click="deleteEntity(this)" class="close" class="middled">&times;</a></td>
        </tr>
    </table>
</div>